<template>
  <div>
      <p>歌曲列表</p>
      <ul>
          <li v-for="(item,index) in list" :key="index">
              <router-link :to="'/detail/'+item.id">{{item.name}}</router-link>
          </li>
      </ul>
  </div>
</template>

<script>
export default {
    data() {
        return {
            list: [
                {
                    "id": 1950633235,
                    "name": "天空有雨 伞下有你"
                },
                {
                    "id": 1950614758,
                    "name": "月光的信"
                },
                {
                    "id": 1950046119,
                    "name": "这里"
                },
                {
                    "id": 1950239900,
                    "name": "中文十级听力 (摇滚版) feat.NINEONE"
                }
            ]
        }
    },
    created() {
        if(this.$route.meta.needLogin) {
            // 判断权限，需要先去登陆页（首页代替）
            this.$router.push('/')
        }
        console.log(this.$route.meta);
        // 通过路由对象中的meta属性修改页面标题
        document.title = this.$route.meta.title;
    }
}
</script>

<style>

</style>